<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <meta target="_blank">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta http-equiv="cleartype" content="on">
    <link rel="canonical" href="">
    <meta name="url" content="">
    <meta name="identifier-URL" content="">
    <meta name="Robots" content="all">
    <meta http-equiv="cache-control" content="public">
    <meta http-equiv="expires" content="max-age">
    <meta http-equiv="windows-Target" content="_top">
    <title>BlueOnline</title>
    <meta name="description" content="">
    <meta name="viewport" content="width = device-width, initial-scale = 1, maximum-scale = 1, minimal-ui">

    <link rel="stylesheet" href="newcss/base/reset.min.css">
    <link rel="stylesheet" href="newcss/layout/grid.css">
    <link rel="stylesheet" href="newcss/helper/utils.css">
    <link rel="stylesheet" href="newcss/layout/header.css">
    <link rel="stylesheet" href="newcss/layout/footer.css">
    <link rel="stylesheet" href="newcss/page/pay.css">

    <!--[if gt IE 8]><!-->
      <script src="newjs/vendor/prefixfree.min.js"></script>
    <!--<![endif]-->

    <!--[if lte IE 8]>
      <script src="js/vendor/html5shiv.min.js"></script>
    <![endif]-->

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
  </head>
  <body>
    <!--[if lt IE 7]>
        <p class="browsehappy">您正在使用 <strong>过时的</strong> 浏览器。 请 <a href="http://browsehappy.com/">更新你的浏览器</a> 以提高你的访问体验。</p>
    <![endif]-->

    <!-- begin · header -->
      <header class="unselectable bo-header">

        <!-- begin · top bar -->
        <div class="clearfix bo-topbar">
          <div class="row">
            <a class="left hover-link btn-call" href="tel:400-8009-088">400&nbsp;-&nbsp;8009&nbsp;-&nbsp;088</a>
            <a class="left hover-link btn-send-mail" href="mailto:blue-online@superwhale.cn">blue-online@superwhale.cn</a>
            <a class="right hover-link btn-register" href="#">注册</a>
            <a class="right hover-link btn-login" href="#">登录</a>
          </div>
        </div>
        <!-- end · top bar -->

        <!-- begin · sub header -->
        <div class="row clearfix minHeight-50 bo-sub-header">

          <a class="left bo-logo"></a>

          <!-- begin · right area of sub header -->
          <div class="clearfix right bo-right-sub-header">

            <!-- begin · search -->
            <div class="right bo-search">
              <input class="border-box bo-ipt-search" type="text">
              <i></i>
            </div>
            <!-- end · header -->

            <!-- begin · nav -->
            <nav class="right bo-nav">
              <ul class="clearfix">
                <li class="left">
                  <a class="clean-link" href="index.html">首页</a>
                </li>
                <li class="left">
                  <a class="clean-link" href="all.products-investment.html">我要投资</a>
                </li>
                <li class="left">
                  <a class="clean-link" href="#">变现专区</a>
                </li>
                <li class="left">
                  <a class="clean-link" href="#">安全保障</a>
                </li>
                <li class="left">
                  <a class="clean-link" href="#">帮助中心</a>
                </li>
                <li class="left">
                  <a class="clean-link no-arrow" href="#">蓝色生活</a>
                </li>
              </ul>
            </nav>
            <!-- end · header -->

          </div>
          <!-- end · right area of sub header -->

        </div>
        <!-- end · sub header -->

      </header>
    <!-- end · header -->

      <section>
        <div class="row minHeight-100 payall">
          <div class="bread f-14">
            <span style="cursor: hand;" onclick="toHomePage()">首页</span> > 我要理财 > 蓝乐宝－叶问机器人
          </div>

          <div class="paybox border">
            <h3><span class="color89">您要投资的标的：</span><span class="f-18">蓝乐宝 — 叶问机器人</span> <span class="refresh fr cursor"><i class="icon_refresh"></i>刷新</span></h3>
            
            <ul class="detail clearfix">
              <li class="t residue">
                <p>剩余可投:<span class="red f-24">￥972,600</span></p>
                <p>账户可用余额：116.90 元 <a class="chongzhi" href="">充值</a></p>
              </li>
              <li class="t money">
                <div class="box">
                  <p class="inpt f-18">确认投资金额：<input class="inptxt border red" type="text" value="1000"> 元</p>
                  <label class="labeltextone f-14">预计收益：<span class="red">30.00</span> 元 ，积分：<span class="red">18</span>分 ( 15分可换取U盘哦~)</label>

                </div>
                
                <p class="inpt"><input type="checkbox">使用蓝生活积分：<input class="border scor f-14" type="text"> <span class="red">－￥9.00</span></p>
                <label class="labeltexttwo f-14">（可用 3678 积分）</label>
                
              </li>
            </ul>

            <p class="tosubmit">
              <span>
                <label for=""><input type="checkbox" class=""> 您已经阅读并同意《借款协议》</label>
                <span class="btn f-18 cursor">下一步</span>
                <span class="btn cancel f-18 cursor">取 消</span>
              </span>
            </p>

          </div>

        </div>


      </section>




    <!-- begin · footer -->
      <footer class="unselectable bo-footer">
        <div class="row relative">

          <ul class="absolute clearfix bo-ul-1">
            <li class="left no-padding-left">
              <a class="hover-link" href="#">关于蓝金融在线</a>
            </li>
            <li class="left">
              <a class="hover-link" href="#">关于蓝金融众筹</a>
            </li>
            <li class="left">
              <a class="hover-link" href="#">关于蓝金融钱包</a>
            </li>
            <li class="left">
              <a class="hover-link" href="#">联系我们</a>
            </li>
            <li class="hover-link left no-padding-right no-border">
              <a class="hover-link" href="#">免责声明</a>
            </li>
          </ul>

          <ul class="absolute clearfix bo-ul-2">
            <li class="left no-padding-left bo-li-contact-us relative">
              联系我们
              <span class="absolute">(9:00 - 22:00)</span>
            </li>
            <li class="left">
              <a class="hover-link bo-online-customer-service" href="#">在线客服</a>
            </li>
            <li class="left no-padding-right no-border">
              <a class="hover-link bo-mail-customer-service" href="mailto:blue-online@superwhale.cn">客服邮箱</a>
            </li>
          </ul>

          <ul class="absolute clearfix bo-ul-3">
            <li class="left no-padding-left">Copyright © 2004-2015 蓝金融在线.com 版权所有</li>
            <li class="left no-padding-right no-border">投资有风险，购买需谨慎</li>
          </ul>

          <ul class="absolute clearfix bo-ul-4">
            <li class="no-padding-left left no-border">
              <a class="hover-link relative" href="tel:400 098 8511">
                400 098 8511
                <span class="absolute">（个人业务）</span>
              </a>
            </li>
            <li class="hover-link left no-border  no-padding-right">
              <a class="hover-link relative" href="tel:400 098 8511">
                400 098 8511
                <span class="absolute">（个人业务）</span>
              </a>
            </li>
          </ul>

        </div>
      </footer>
    <!-- end · footer -->

    <script src="//cdn.polyfill.io/v2/polyfill.min.js"></script>

    <!--[if lte IE 8]>
      <script src="js/vendor/jquery-3.0.0-alpha1.min.js"></script>
      <script>window.jQuery || document.write('<script src="//code.jquery.com/jquery-compat-3.0.0-alpha1.js"><\/script>')</script>
    <![endif]-->
    <!--[if gt IE 8]><!-->
      <script src="newjs/vendor/jquery-3.0.0-alpha1.min.js"></script>
      <script>window.jQuery || document.write('<script src="//code.jquery.com/jquery-3.0.0-alpha1.js"><\/script>')</script>
    <!--<![endif]-->
    <script src="newjs/vendor/jquery.slides.min.js"></script>

    <script src="newjs/page/index.js"></script>
  </body>
</html>
